<!DOCTYPE html>
<html>
<head>
    <title>设备首页</title>
    #parse("sys/header.html")
    <style>
        #main_app {
            background-color: #eee;
            padding: 10px
        }
        .kpiRow {
            padding: 5px;
        }
        .kpiCol {
            height: 275px;
            padding-right: 10px;
        }
        .ivu-col{
            padding-right: 0px;
        }
    </style>
</head>
<body>
<div id="main_app">
    <!-- PM工单完成率区域：全工厂、机加总装五车间、铸造二车间、二期扩能车间   -->
    <Row class-name="kpiRow" :gutter="24">
        <!-- NE1基地PM工单完成率统计 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="devPmTicketEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 机总五车间PM工单完成率统计 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="jz5DevPmTicketEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 铸造二车间PM工单完成率统计 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="zz2DevPmTicketEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 二期扩能车间PM工单完成率统计 -->
        <i-col span="6">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="eqknDevPmTicketEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
    <!-- 首页工单报表概览区域：包括PM工单和维修工单 -->
    <Row :gutter="24" class-name="kpiRow">
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../device/devplangc.html">
                    <div id="devPmTicketNumDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../device/devmaintenwork.html">
                    <div id="devRepairTicketNumDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
    <!-- 设备状态展示区域：全工厂、机加总装五车间、铸造五车间、二期扩能车间   -->
    <Row class-name="kpiRow" :gutter="24">
        <!-- 全厂设备状态分布 -->
        <i-col span="6">
            <Card>
                <a href="../analyse/monitor.html">
                    <div id="devStatusDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 机总五车间-设备状态分布 -->
        <i-col span="6">
            <Card>
                <a href="../analyse/monitor.html">
                    <div id="jz5DevStatusDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 铸造二车间-设备状态分布 -->
        <i-col span="6">
            <Card>
                <a href="../analyse/monitor.html">
                    <div id="zz2DevStatusDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <!-- 二期扩能车间-设备状态分布 -->
        <i-col span="6">
            <Card>
                <a href="../analyse/monitor.html">
                    <div id="eqknDevStatusDistributionEcharts" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
    <Row :gutter="24" class-name="kpiRow">
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../analyse/faultTopStatChart.html">
                <!-- faultTimeTopOption -->
                    <div id="devFaultTimeTopStat" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
        <i-col span="12" class-name="contentCol">
            <Card>
                <a href="../analyse/deviceFaultTypeChart.html">
                    <div id="devFaultTypeTimeEchart" class="kpiCol"></div>
                </a>
            </Card>
        </i-col>
    </Row>
</div>

<script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${rc.contextPath}/js/sys/main.js?_${date.systemTime}"></script>
</body>
</html>
